<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="../favicon.ico">
    <title>小兔鲜儿-新鲜 惠民 快捷！</title>
    <link rel="stylesheet" href="../font/font-02/iconfont.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/pay.css">
</head>

<body>
    <!-- 项部导航 -->
    <div class="xtx_topnav">
        <div class="wrapper">
            <!-- 顶部导航 -->
            <ul class="xtx_navs">
                <li>
                    <!-- 有用户名数据 -->
                    <!-- <a href="javascript:;"><i class="iconfont icon-user">用户名</i></a> -->
                    <!-- 没有用户名数据 -->
                    <a href="./login.html">请先登录</a>
                </li>
                <li>
                    <!-- 有用户名数据 -->
                    <!-- <a href="javascript:;">退出登录</a> -->
                    <!-- 没有用户名数据 -->
                    <a href="./register.html">免费注册</a>
                </li>
                <li>
                    <a href="./center.html">我的订单</a>
                </li>
                <li>
                    <a href="javascript:;">会员中心</a>
                </li>
                <li>
                    <a href="javascript:;">帮助中心</a>
                </li>
                <li>
                    <a href="javascript:;">在线客服</a>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class="mobile sprites"></i>
                        手机版
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 头部 -->
    <div class="xtx_header none_header">
        <div class="wrapper principal">
            <!-- 网站Logo -->
            <h1 class="xtx_logo"><a href="/">小兔鲜儿</a></h1>
            <!-- 主导航 -->
            <div class="xtx_navs">
                <ul class="clearfix">
                    <li>
                        <a href="../index.html">首页</a>
                    </li>
                    <li>
                        <a href="./atHome.html" class="entrust" data-index="0">居家</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="1">美食</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="2">服饰</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="3">母婴</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="4">个护</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="5">严选</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="6">数码</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="7">运动</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="8">杂项</a>
                    </li>
                </ul>
            </div>
            <!-- 导航下拉框 -->
            <div class="drop_down_box entrust display_none">
                <ul>
                </ul>
            </div>
            <!-- 站内搜索 -->
            <div class="xtx_search clearfix">
                <!-- 购物车 -->
                <a href="./shoppingCar.html" class="xtx_search_cart sprites">
                    <i class="red_quantity">0</i>
                </a>
                <!-- 搜索框 -->
                <div class="xtx_search_wrapper">
                    <input type="text" placeholder="搜一搜" onclick="location.href='./search.html'">
                </div>
                <div class="shopping_cart">
                    <div class="commodity">
                        <div>
                            <!-- <div class="div_entrust">
                                <a href="#">
                                    <img src="https://yanxuan-item.nosdn.127.net/ded4b153a0878527dcee27981c389929.png"
                                        alt="">
                                    <div>
                                        <p>两带式软木拖鞋</p>
                                        <p>颜色： <i>白色</i> 尺码： <i>44</i></p>
                                    </div>
                                    <div>
                                        <p>￥<i>55.9</i>元 </p>
                                        <p>X <i>1</i></p>
                                    </div>
                                </a>
                                <div class="shut_down"><i>x</i></div>
                            </div> -->

                        </div>
                    </div>
                    <section>
                        <div>
                            <p>共<i class="quantity_of_goods">0</i>件商品</p>
                            <p>￥<i class="commodity_price">0</i>元</p>
                        </div>
                        <button>去购物车结算</button>
                    </section>
                    <div class="to_settle"></div>
                </div>
                <div class="cutting">
                    <div class="triangle"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- 隐藏头部 -->
    <div class="xtx_header header_fixed">
        <div class="wrapper hidden">
            <!-- 网站Logo -->
            <h1 class="xtx_logo"><a href="/">小兔鲜儿</a></h1>
            <!-- 主导航 -->
            <div class="xtx_navs">
                <ul class="clearfix">
                    <li>
                        <a href="../index.html">首页</a>
                    </li>
                    <li>
                        <a href="./atHome.html" class="entrust" data-index="0">居家</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="1">美食</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="2">服饰</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="3">母婴</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="4">个护</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="5">严选</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="6">数码</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="7">运动</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="8">杂项</a>
                    </li>
                    <li>
                        |
                    </li>
                    <li>
                        <a href="javascript:;">品牌</a>
                    </li>
                    <li>
                        <a href="javascript:;">专题</a>
                    </li>
                </ul>
            </div>
            <!-- 导航下拉框 -->
            <div class="drop_down_box display_block">
                <ul>
                </ul>
            </div>
        </div>
    </div>
    <!-- 支付页面 -->
    <section class="rotograph">
        <div class="container">
            <h3><a href="../index.html">首页</a><i>></i><a href="../html/shoppingCar.html">购物车</a><i>></i>支付订单</h3>

            <div class="settimeout">
                <span class="iconfont icon-queren2"></span>
                <div class="tip">
                    <p>订单提交成功！请尽快完成支付。</p>
                    <p>支付还剩 <span class="down-time">30分00秒</span>,超时后将取消订单</p>
                </div>
                <div class="amount">
                    <span>应付总额：</span><span>¥<i class="money"></i></span>
                </div>
            </div>
            <!-- 商品列表 -->
            <div class="xtx_payment">
                <div class="xtx_choose">
                    <h3 class="box_title">选择以下方式付款</h3>
                </div>
                <div class="xtx_delivery">
                    <h3 class="box_title">支付平台</h3>
                    <div class="box_body">
                        <a href="jacascript:;" class="xtx_btn">微信</a>
                        <a href="jacascript:;" class="xtx_btn active">支付宝</a>
                    </div>
                </div>
                <div class="xtx_pay">
                    <h3 class="box_title">支付方式</h3>
                    <div class="box_body">
                        <a href="jacascript:;" class="xtx_btn">招商银行</a>
                        <a href="jacascript:;" class="xtx_btn">工商银行</a>
                        <a href="jacascript:;" class="xtx_btn">建设银行</a>
                        <a href="jacascript:;" class="xtx_btn">农业银行</a>
                        <a href="jacascript:;" class="xtx_btn">交通银行</a>
                    </div>
                </div>
            </div>
        </div>

    </section>

    <!-- 公共底部 -->
    <div class="xtx_footer clearfix">
        <div class="wrapper">
            <!-- 联系我们 -->
            <div class="contact clearfix">
                <dl>
                    <dt>客户服务</dt>
                    <dd class="chat">在线客服</dd>
                    <dd class="feedback">问题反馈</dd>
                </dl>
                <dl>
                    <dt>关注我们</dt>
                    <dd class="weixin">公众号</dd>
                    <dd class="weibo">微博</dd>
                </dl>
                <dl>
                    <dt>下载APP</dt>
                    <dd class="qrcode">
                        <img src="../images/qrcode.jpg">
                    </dd>
                    <dd class="download">
                        <span>扫描二维码</span>
                        <span>立马下载APP</span>
                        <a href="javascript:;">下载页面</a>
                    </dd>
                </dl>
                <dl>
                    <dt>服务热线</dt>
                    <dd class="hotline">
                        400-0000-000
                        <small>周一至周日 8:00-18:00</small>
                    </dd>
                </dl>
            </div>
        </div>
        <!-- 其它 -->
        <div class="extra">
            <div class="wrapper">
                <!-- 口号 -->
                <div class="slogan">
                    <a href="javascript:;" class="price">价格亲民</a>
                    <a href="javascript:;" class="express">物流快捷</a>
                    <a href="javascript:;" class="quality">品质新鲜</a>
                </div>
                <!-- 版权信息 -->
                <div class="copyright">
                    <p>
                        <a href="javascript:;">关于我们</a>
                        <a href="javascript:;">帮助中心</a>
                        <a href="javascript:;">售后服务</a>
                        <a href="javascript:;">配送与验收</a>
                        <a href="javascript:;">商务合作</a>
                        <a href="javascript:;">搜索推荐</a>
                        <a href="javascript:;">友情链接</a>
                    </p>
                    <p>CopyRight &copy; 小兔鲜儿</p>
                </div>
            </div>
        </div>
    </div>
    <script src="../js/common.js"></script>
    <script src="../js/pay.js"></script>
</body>

</html>